<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>用户登录 - {$Think.config.SYSTEM_WEBNAME}</title>
	<Pintuer />
	<Layer />
	<link rel="stylesheet" href="{:__CSS__}/default.css">
	<script type="text/javascript" src="{:__JS__}/default.js"></script>
</head>
<body>
<div class="layout">
	<form id="form-register" class="form-auto">
		<div class="login-register-bg">
			<div class="line">
				<div class="x5">
					<img src="__PUBLIC__/images/logo.png" height="55">
				</div>
				<div class="x7 padding-big-top">
					<span class="text-white">
						源自相同的起点，演绎不同的人生！
					</span>
				</div>
			</div>
		</div>
		<div class="line margin-top">
			<div class="x3 text-right padding-small-right padding-small-top">
				手机号码：
			</div>
			<div class="x6">
				<input type="text" name="mobile" class="input radius-none" size="35" />
			</div>
			<div class="x3"></div>
		</div>
		<div class="line margin-top">
			<div class="x3 text-right padding-small-right padding-small-top">
				用户昵称：
			</div>
			<div class="x6">
				<input type="text" name="nick_name" class="input radius-none" size="35" />
			</div>
			<dvi class="x3"></dvi>
		</div>
		<div class="line margin-top">
			<div class="x3 text-right padding-small-right padding-small-top">
				登录密码：
			</div>
			<div class="x6">
				<input type="password" name="user_pass" class="input radius-none" size="35" />
			</div>
			<div class="x3"></div>
		</div>
		<div class="line margin-top">
			<div class="x3 text-right padding-small-right padding-small-top">
				确认密码：
			</div>
			<div class="x6">
				<input type="password" name="user_pass_confirm" class="input radius-none" size="35" />
			</div>
			<div class="x3"></div>
		</div>
		<div class="line margin-top">
			<div class="x3"></div>
			<div class="x6">
				<button type="submit" class="button bg-green radius-none">
					立即注册
				</button>
				<button type="button" onclick="GetUrl('{:U('login')}');" class="button bg-blue radius-none">
					立即登录
				</button>
			</div>
			<div class="x3"></div>
		</div>
	</form>
</div>
<script type="text/javascript">
	$(function(){
		// 当前窗口处理
		var my_this = parent.layer.getFrameIndex(window.name); //获取窗口索引
		parent.$('#layui-layer'+my_this).css({'width' : '430px','height' : '300px','top' : '230px'});
		parent.$('#layui-layer-iframe'+my_this).css({'width' : '430px','height' : '300px'});
		// 表单处理
		$('#form-register').submit(function(e){
			e.preventDefault();
			// 数据验证
			if ($(this).find('input[name=mobile]').val() == '') {
				layer.msg('请输入手机号码');
				$(this).find('input[name=mobile]').focus()
				return false;
			};
			if (!is_mobile($(this).find('input[name=mobile]').val())) {
				layer.msg('请输入正确的手机号码');
				$(this).find('input[name=mobile]').focus();
				return false;
			};
			/*if ($(this).find('input[name=msg]').val() == '') {
				layer.msg('请输入短信验证码');
				$(this).find('input[name=msg]').focus();
				return false;
			};*/
			/*if ($(this).find('input[name=msg]').val().length !== 6) {
				layer.msg('请输入正确的验证码');
				$(this).find('input[name=msg]').focus();
				return false;
			};*/
			if ($(this).find('input[name=nick_name]').val() == '') {
				layer.msg('请输入用户昵称');
				$(this).find('input[name=nick_name]').focus();
				return false;
			};
			if ($(this).find('input[name=user_pass]').val() == '') {
				layer.msg('请输入登录密码');
				$(this).find('input[name=user_pass]').focus()
				return false;
			};
			if ($(this).find('input[name=user_pass_confirm]').val() == '') {
				layer.msg('请输入确认密码');
				$(this).find('input[name=user_pass_confirm]').focus()
				return false;
			};
			if ($(this).find('input[name=user_pass]').val() != $(this).find('input[name=user_pass_confirm]').val()) {
				layer.msg('确认密码与登录密码不一致');
				return false;
			};
			/*if ($(this).find('input[name=email]').val() == '') {
				layer.msg('请输入电子邮箱');
				$(this).find('input[name=email]').focus();
				return false;
			};*/
			/*if (!check_email($(this).find('input[name=email]').val())) {
				layer.msg('请输入有效的电子邮箱');
				$(this).find('input[name=email]').focus();
				return false;
			};*/

			// 获取数据
			var register = $(this).serialize();
			var index = layer.msg('请稍等，正在加载中...',{
				icon : 16,
				time : 30 * 1000,
			});
			// ajax
			$.ajax({
				url : "{:U('Public/register')}",
				data : register,
				dataType : 'json',
				type : 'post',
				success : function(ret,err){
					layer.close(index);
					if (ret.status == 1) {
						layer.msg(ret.info,function(){
							window.location.href=ret.url;
						});
					}else{
						layer.msg(ret.info);
					};
				}
			});
		});
	});

	var InterValObj; //timer变量，控制时间
	var count = 60; //间隔函数，1秒执行
	var curCount;//当前剩余秒数
	function sendMessage(obj) {
		//获取数据
		var mobile = $('input[name=mobile]').val();
		if (mobile == '') {
			layer.msg('请输入注册手机号码');
			return false;
		};

		// 发送数据
		$.ajax({
			url: "{:U('Public/msg')}",
			type: "POST",
			dataType: "json",
			data: {'mobile' : mobile},
			error: function (ret, err) {},
			success: function (ret, err){
				if (ret.status == 1) {
					curCount = count;
					//设置button效果，开始计时
					$(obj).attr("disabled", "true");
					$(obj).html("请在 " + curCount + " 秒内输入验证码");
					InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器，1秒执行一次

					// 页面提示
					layer.msg(ret.info);
				}else{
					layer.msg(ret.info);
				};
			}
		});
	}
	//timer处理函数
	function SetRemainTime() {
		if (curCount == 0) {
			window.clearInterval(InterValObj);//停止计时器
			$("#btnSendCode").removeAttr("disabled");//启用按钮
			$("#btnSendCode").html("重新发送验证码");
		}else{
			curCount--;
			$("#btnSendCode").html(curCount + "秒后可再次获取");
		}
	}
</script>
</body>
</html>